<template>
  <div>
    <Mtitle MtitleTxt="设置" />
    <Cell :cellTxt="cellTxt[0]" />
    <Cell :cellTxt="cellTxt[1]" />
    <Cell :cellTxt="cellTxt[2]" />
    <Cell :cellTxt="cellTxt[3]" class="about" />
    <Cell :cellTxt="cellTxt[4]" />
    <Cell :cellTxt="cellTxt[5]" class="about" />
    <div class="exit" @click="exit">退出登录</div>
  </div>
</template>

<script>
import Mtitle from "../../../components/my/Mtitle.vue";
import Cell from "../../../components/my/Cell.vue";
export default {
  components: {
    Mtitle,
    Cell,
  },
  data() {
    return {
      cellTxt: [
        {
          left: "个人资料",
          chref: "/my/profile",
        },
        {
          left: "账号安全",
          chref: "/my/accountsafe",
        },
        {
          left: "黑名单",
          chref: "/my/blacklist",
        },
        {
          left: "关于我们",
          chref: "/my/aboutm",
        },
        {
          left: "版本更新",
          right: "当前已是最新版本",
          chref: "",
        },
        {
          left: "清除缓存",
          right: "0.00M",
          chref: "",
        },
      ],
    };
  },
  methods: {
    //退出登录
    exit() {
      this.$router.push("/startup");
    },
  },
};
</script>

<style lang="scss" scoped>
.about {
  margin-top: 100px;
}
.exit {
  width: 650px;
  border-bottom: 2px solid rgba(187, 187, 187, 100);
  font-size: 40px;
  text-align: center;
  margin: 160px auto 0;
}
</style>